    // 封装一个把随机验证码放在画布上
    const showNum = [];

    function draw () {
         //每一个验证码绘制的起始点x坐标
        let y;
        let x;
        let i;
        const canvas = $('#TestNum');
        // 开始绘制
        const ctx = canvas[0].getContext("2d");
        const canvas_width = canvas.width();
        const canvas_height = canvas.height();
        //  清空之前绘制的内容
      // 0,0清空的起始坐标
      // 矩形的宽高
      ctx.clearRect(0, 0, canvas_width, canvas_height)
        const scode = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,1,2,3,4,5,6,7,8,9";
        const arrCode = scode.split(",");
        const arrLength = arrCode.length;
        for (let i = 0; i < 4; i++) {
            const index = Math.floor(Math.random() * arrCode.length);
            const txt = arrCode[index];//随机一个字符
        showNum[i] = txt.toLowerCase()//转化为小写存入验证码数组
        // 开始控制字符的绘制位置
        let x = 20 + 20 * i;
        let y = 30 + Math.random() * 8;// 起始点y坐标

        ctx.font = "bold 30px 微软雅黑"
        // 开始旋转字符
            const deg = Math.random * -0.5;
            // canvas 要实现绘制内容具有倾斜的效果，必须先平移，目的是把旋转点移动到绘制内容的地方
        ctx.translate(x, y)
        ctx.rotate(deg)
        // 设置绘制的随机颜色
        ctx.fillStyle = randomColor()
        ctx.fillText(txt, 0, 0)

        // 把canvas复原
        ctx.rotate(-deg)
        ctx.translate(-x, -y)
      }
      console.log(showNum)
      for (i = 0; i < 30; i++) {
        if (i < 5) {
          // 绘制线
          ctx.strokeStyle = randomColor()
          ctx.beginPath()
          ctx.moveTo(Math.random() * canvas_width, Math.random() * canvas_height)
          ctx.lineTo(Math.random() * canvas_width, Math.random() * canvas_height)
          ctx.stroke()
        }
        // 绘制点
        ctx.strokeStyle = randomColor()
        ctx.beginPath()
          x = Math.random() * canvas_width;
          y = Math.random() * canvas_height;
          ctx.moveTo(x, y)
        ctx.lineTo(x + 1, y + 1)
        ctx.stroke()
      }
      return showNum;
    }
    // 随机颜色
    function randomColor () {
        const r = Math.floor(Math.random() * 256);
        const g = Math.floor(Math.random() * 256);
        const b = Math.floor(Math.random() * 256);
        return `rgb(${r},${g},${b})`
    }